import React from 'react'

// 作用：在组件中调用某个api实现埋点功能

// 高阶组件（高阶函数）接受一个UI组件（React类）作为入参
export default function point (WrapComponent, num) {
  console.log( WrapComponent )
  console.log( num )
  return class extends React.Component {
    componentDidMount() {
			// 调用埋点api调用
			console.log('埋点api已调用')
		}

    /**
     * WrapComponent 是作为一个形参，并且是传递的是一个类组件
    */
    render () {
      // this.props 表示显示展开的props中的值
      return (
        <WrapComponent {...this.props} point='point' />
      )
    }
  }
}